$height: 40px;
$color: #f3f3f3;

body {
  width: 100vw;
  height: 100vh;
  display: flex;
  flex-flow: column;

  header {
    height: $height;
    background: #000;
  }

  main {
    flex-grow: 1;
  }

  footer {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    & > section {
      flex: 1;
      display: flex;
      flex-flow: column-reverse;
      &:nth-child(n + 2) {
        margin-left: -1px;
      }
      & > div {
        height: $height;
        background-color: $color;
        display: flex;
        justify-content: center;
        align-items: center;
        border: solid 1px #ddd;
        border-bottom: none;
      }
    }
  }
}
